<template>
    <div class="detail-about">
        <list-item 
        :data="data" 
        :title="`${data.notice}`" 
        :time="`${data.publishtime}`" 
        :isContentTime="isContentTime"
        >
            <template slot="content"></template>

            <template slot="footer">
                <div class="myfooter">
                    <div class="operClass">
                        <collect-star
                        :data="{ objectguid: data.project_code, objectname: data.project_name, objecttype: 'project', marktype: 'follow',}"
                        :defaultVal="data.bj_follow === '1'"
                        :icon="['&#xeca2;', '&#xeca1;']"
                        >
                            <div class="text">
                                关注项目
                            </div>
                        </collect-star>

                        <collect-star
                        :data="{objectguid: data.guid, objectname: data.notice, objecttype: noticeCollType(data.noticetype), marktype: 'collect',}"
                        :defaultVal="data.bj_collect === '1'"
                        >
                            <div class="text">
                                收藏标讯
                            </div>
                        </collect-star>
                    </div>
                </div>
            </template>
        </list-item>
    </div>
</template>

<script>
import notice from '@/mixins/notice.js';

import CollectStar from '@components/sys/collect.vue';
import ListItem from '../components/item.vue';

export default {
    mixins: [notice],
    components: {
        CollectStar,
        ListItem,
    },
    props: {
        data: {
            type: Object,
            default: () => {},
        },
    },
    data() {
        return {
            //时间显示位置
            isContentTime: true,
        };
    },
    methods: {
        
    },
    mounted() {},
};
</script>

<style lang="scss" scoped>
@import '@css/var.scss';

.operClass {
    display: flex;
}
</style>
